
body {
    /*font-family: Georgia;*/
    /*font-size: 16;*/
    /*font-style: italic;*/
    /*font-weight: bold;*/
    margin: 0;
    padding: 0;
    -moz-user-select:none;
    -webkit-user-select:none;
}

#canvas_container {
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
    color: #fff;
    border: 1px solid #666666;
    margin: auto;
    position: relative;
    background: url('../img/grid_white.gif') repeat #111;
    /*background-image: url('');*/
    /*background-color: white;*/
    box-shadow: 1px 1px 1px lightgray;
}


#canvs_container textarea, textarea:hover, textarea:active, textarea:focus {
    padding: 0;
    margin: 0;
    border: none;
    background: none;
    resize: none;
    overflow: hidden;

    outline:0px !important;
    -webkit-appearance:none;
    -webkit-box-shadow:none;
    box-shadow: none;
    -webkit-transition: none;
    transition: none;
    -webkit-border-radius: none;
}

#center {
    border: 1px solid #666;
    background-color: gray;
    /*width: 100%;*/
    /*height: 100%;*/
}

#work_area {
    /*position: absolute;*/
    /*left: 0;*/
    /*right: 0;*/
    /*bottom: 34px;*/
    /*top: 31px;*/
    /*width: 100%;*/
    /*height: 100%;*/
}
#area_container {
    line-height: 0;
    overflow: auto;
    /*display: table;*/
    width: 100%;
    height: 100%;
    margin: 0 auto;
    -moz-user-select:none;
    -webkit-user-select:none;
    /*margin: 500px;*/
    /*padding: 500px;*/

}
#areaCanvas {
    /*display: table-cell;*/
    /*vertical-align: middle;*/
    /*padding: 50px;*/
    /*width: 2000px;*/
    /*height: 2000px;*/
    width: 100%;
    height: 100%;
    background-color: #A0A0A0;
    background: -moz-radial-gradient(45deg,#bbb,#222);
    background: -webkit-gradient(radial, center center, 3, center center, 1000, from(#bbb), to(#222));
}

#bottom_toolbar {
    clear: both;
    background-color: #DDD;
    height: 28px;
    padding: 2px;
    border-top: 1px solid #666;
    text-align: center;
    /*position: absolute;*/
    /*bottom: 1px;*/
    /*left: 0;*/
    /*right: 0;*/
}

#top_toolbar {
    background-color: white;
    height: 26px;
    border-bottom: 1px solid #666;
    font-size: 11px;
    font-weight: bold;
    color: #666666;
    padding: 2px;
    text-align: center;
}

.op {
    float: left;
    width: 24px;
    height: 24px;
    background-color: #EEE;
    border: 1px solid #CCC;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center center;
}

.op:hover {
    border-color: #0000FF;
}

.op_sel {
    float: left;
    width: 24px;
    height: 24px;
    background-color: #00BFFF;
    border: 1px solid #0000FF;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center center;
}


.cor {
    float: left;
    border: 1px solid black;
    width: 10px;
    height: 10px;
    margin-left: 2px;
    cursor: pointer;
    overflow: hidden;
}

.color_picker {
    width: 24px;
    height: 24px;
    border: none;
    padding: 0;
    background: transparent;
}
#op_larg2 {
    margin-left: 2px;
    float: right;
    background-image: url(../img/op_larg2.gif);
}
#op_larg4 {
    margin-left: 2px;
    float: right;
    background-image: url(../img/op_larg4.gif);
}
#op_larg6 {
    margin-left: 2px;
    float: right;
    background-image: url(../img/op_larg6.gif);
}
#op_larg8 {
    margin-left: 2px;
    float: right;
    background-image: url(../img/op_larg8.gif);
}
#op_larg10 {
    margin-left: 2px;
    float: right;
    background-image: url(../img/op_larg10.gif);
    cursor: move;
}

input {
    line-height: 18px;
}

.icon_no_color {
    /*background-image: url(../img/NoColor.png);*/
    background-image: url(../img/icon_full_2.png);
    background-position: -30px -226px;
}

.icon_pointer {
    margin-left: 2px;
    background-image: url(../img/icon_full_2.png);
    background-position: -590px -114px;
}

.icon_hand {
    margin-left: 2px;
    background-image: url(../img/icon_full_1.png);
    background-position:  -2px -338px;
}
.icon_rect {
    margin-left: 2px;
    background-image: url(../img/icon_full_1.png);
    background-position: -2px -758px;
}

.icon_circle {
    margin-left: 2px;
    background-image: url(../img/icon_full_2.png);
    /*background-position: -590px -702px;*/
    background-position: -142px -226px;
}

.icon_ellipse {
    margin-left: 2px;
    background-image: url(../img/icon_full_1.png);
    background-position: -252px -2px;
}

.icon_line {
    margin-left: 2px;
    background-image: url(../img/icon_full_2.png);
    background-position: -114px -226px;
}

.icon_polygon {
    margin-left: 2px;
    background-image: url(../img/icon_full_2.png);
    background-position: -170px -114px;
}

.icon_bring_backward {
    margin-left: 2px;
    background-image: url(../img/icon_full_1.png);
    background-position: -534px -30px;
}

.icon_bring_forward {
    margin-left: 2px;
    /*background-image: url(../img/tool_bring_forward.png);*/
    background-image: url(../img/icon_full_1.png);
    background-position: -590px -282px;
}

.icon_remove {
    margin-left: 2px;
    background-image: url(../img/icon_full_1.png);
    background-position: -478px -338px;
}

.icon_attribute {
    margin-left: 2px;
    background-image: url(../img/icon_full_1.png);
    background-position: -450px -310px;
}

.icon_text {
    margin-left: 2px;
    /*background-image: url(../img/icon_full_2.png);*/
    /*background-position: -478px -58px;*/
    background-image: url(../img/icon_full_1.png);
    background-position: -86px -282px;
}
.icon_text_edit {
    margin-left: 2px;
    background-image: url(../img/icon_full_2.png);
    background-position: -310px -170px;
}

.icon_text_vertical {
    margin-left: 2px;
    /*background-image: url(../img/tool_vertical_text.png);*/
    background-image: url(../img/icon_full_1.png);
    background-position: -254px -590px;
}

.icon_save {
    margin-left: 2px;
    background-image: url(../img/icon_full_2.png);
    background-position: -114px -254px;
}

.icon_reload {
    margin-left: 2px;
    background-image: url(../img/icon_full_2.png);
    background-position: -2px -2px;
}

.icon_create {
    margin-left: 2px;
    /*margin-left: 2px;*/
    background-image: url(../img/icon_full_2.png);
    background-position: -2px -58px;
}
.icon_resize {
    margin-left: 2px;
    background-image: url(../img/icon_full_1.png);
    background-position: -590px -254px;
}

.icon_clone {
    margin-left: 2px;
    background-image: url(../img/icon_full_1.png);
    /*background-position: -534px -254px;*/
    background-position: -30px -674px;
}

.icon_undo {
    margin-left: 2px;
    background-image: url(../img/icon_full_2.png);
    background-position: -534px -30px;
}

.icon_redo {
    margin-left: 2px;
    background-image: url(../img/icon_full_2.png);
    background-position: -114px -2px;
}

.icon_close_path {
    margin-left: 2px;
    background-image: url(../img/closePath.svg);
}

.icon_align_center {
    margin-left: 2px;
    background-image: url(../img/icon_full_2.png);
    background-position: -534px -170px;
}

.icon_align_left {
    margin-left: 2px;
    background-image: url(../img/icon_full_1.png);
    background-position: -478px -2px;
}

.icon_align_right {
    margin-left: 2px;
    background-image: url(../img/icon_full_1.png);
    background-position: -450px -58px;
}

.icon_align_middle {
    margin-left: 2px;
    background-image: url(../img/icon_full_2.png);
    background-position: -534px -170px;
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
}

.icon_align_top {
    margin-left: 2px;
    background-image: url(../img/icon_full_1.png);
    background-position: -478px -2px;
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
}

.icon_align_bottom {
    margin-left: 2px;
    background-image: url(../img/icon_full_1.png);
    background-position: -450px -58px;
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
}

.icon_zoom_area {
    margin-left: 2px;
    background-image: url(../img/icon_full_1.png);
    background-position: -30px -590px;
}

.icon_bg_image {
    margin-left: 2px;
    background-image: url(../img/icon_full_1.png);
    /*background-position: -226px -562px;*/
    background-position: -282px -226px;
}
.icon_bg_image1 {
    margin-left: 2px;
    background-image: url(../img/icon_full_1.png);
    /*background-position: -506px -338px;*/
    background-position: -535px -786px;
}
